<template>
    <div class="info-container">
        <div class="info-button">
            <el-button type="primary" plain @click="open3">分割量化</el-button>
        </div>
        <el-descriptions title="基础信息">
            <el-descriptions-item label="最小HU值">-1021</el-descriptions-item>
            <el-descriptions-item label="最大HU值">5440</el-descriptions-item>
            <el-descriptions-item label="其他">暂无数据</el-descriptions-item>
            <el-descriptions-item label="Spacing">
                <p>X: 0.6236</p>
            </el-descriptions-item>
            <el-descriptions-item label="Spacing">
                <p>Y: 0.6836</p>
            </el-descriptions-item> 
            <el-descriptions-item label="Spacing">
                <p>Z: 1.0</p>
            </el-descriptions-item>  
                
        </el-descriptions>
        <div class="show-text">
            <el-checkbox v-model="checked">显示肺叶</el-checkbox>
            <div class="right-text">
               <p>透明度：</p> 
               <el-slider v-model="value"></el-slider>
            </div> 
        </div>
        <div class="show-text">
            <el-checkbox v-model="checked">显示肺叶</el-checkbox>
            <div class="right-text">
                <p>透明度：</p> 
                <el-slider v-model="value"></el-slider>
            </div> 
        </div>
    </div>
</template>
<script>
  export default {
    data() {
      return {
        value: 0,
        value1:30,
        checked:true
      }
    },
    methods:{
        open3(){
            this.$notify({
                title: '成功',
                message: '正在进行量化分析',
                type: 'success',
                position: 'top-left'
                });
        }
    }
  }
</script>

<style lang="less" scoped>
.info-container{
    box-shadow:2px 2px 3px #b9bcc3;
    background-color: white;
    .el-descriptions{
        padding-left: 10px;
    }
}
    .info-button{
        text-align: center;
       
        .el-button{
            width: 200px;
            box-shadow: 1px 1px 2px ;
        }
    }
    .show-text{
        font-size: 14px;
        color: #606266;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        .right-text{
            width: 200px;
        }
    }
</style>